<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<script type="text/javascript">
	var dataGrid;
	var lastIndex;
	$(function() {
		//进入页面后关闭进度条提示框
		//获取部门结构
		var orgtree = $('#orgtree')
			.combotree(
					{
						url : '${pageContext.request.contextPath}/OrgnizationMgmtController/oragnizationComboxTree',
						treeField : 'orgName',
						iconCls : 'ext-icon-house',
						remoteSort : false,
						columns : [ [ {
							field : 'orgName',
							title : '部门名称',
							width : 500
						} ] ],
						required : true,
						value:'0'
					});
		
		
		$('#contractEidtForm').form({
			url : '${pageContext.request.contextPath}/ContractController/updateContractInfo',
			onSubmit : function() {
				parent.$.messager.progress({
					title : '提示',
					text : '数据处理中，请稍后....'
				});
				var isValid = $(this).form('validate');
				if (!isValid) {
					parent.$.messager.progress('close');
				}
				return isValid;
			},
			success : function(result) {
				parent.$.messager.progress('close');
				result = $.parseJSON(result);
				if (result.success) {
					parent.$.modalDialog.openner_dataGrid.datagrid('reload');//之所以能在这里调用到parent.$.modalDialog.openner_dataGrid这个对象，是因为user.jsp页面预定义好了
					parent.$.modalDialog.handler.dialog('close');
				} else {
					parent.$.messager.alert('错误', result.msg, 'error');
				}
			}
		});
					
		parent.$.messager.progress('close');
		console.info($("#edittime").val());
		var po =  document.getElementById('po').value ;
		dataGrid = $('#dataGrid').datagrid({
			url : '${pageContext.request.contextPath}/ContractController/getBillList?po='
				+ po,
			fit : false,
			title:'开票信息',
			height:250,
			frozen : true,
			rownumbers : true,
			striped : true,
			border : false,
			pagination : true,
			idField : 'id',
			pageSize : 5,
			pageList : [5],
			sortName : 'id',
			sortOrder : 'desc',
			checkOnSelect : true,
			selectOnCheck : true,
			nowrap : false,
			frozenColumns : [ [ {
				field : 'id',
				title : '编号',
				width : 10,
				checkbox : true
			}, {
				field : 'money',
				title : '发票金额',
				width : 150,
				align : 'center',
				editor:'text',
				sortable : true,
				editor : "text"
				
			},
			{
				field : 'billDate',
				title : '开票时间',
				align : 'center',
				width : 100,
				sortable : true,
				formatter : function(value, row, index) {
					if (value != null) {
						value = new Date(value).format("yyyy-MM-dd");
					}
					return value;
				},
				editor : "datebox"
			}, {
				field : 'paymentsDate',
				title : '付款时间',
				align : 'center',
				width : 100,
				sortable : true,
				formatter : function(value, row, index) {
					if (value != null) {
						value = new Date(value).format("yyyy-MM-dd");
					}
					return value;
				},
				editor : "datebox"
			}, {
				field : 'billcode',
				title : '发票编号',
				align : 'center',
				width : 100,
				editor:'text',
				editor : "text"

			}, {
				field : 'billstatus',
					title : '发票状态',
					align : 'center',
					width : 100,
					editor:{type:'combobox',options:{
						valueField:'text',
						textField:'text',
						data: [{'id':'1','text':'未验收'},  
						       {'id':'2','text':'已验收未拿到验收报告'},  
								{'id':'3','text':'已拿到验收报告未开票'},  
								{'id':'4','text':'开票未付款'},  
								{'id':'5','text':'已付款'} ,
								{'id':'6','text':'待撤销'} ,
								{'id':'7','text':'已撤销'} 
								],
						panelHeight:'auto',
						mode:'remote',
						//required:true,
						editable:false
						}}
			} ] ],
			rowContextMenu : [ {
								text : "编辑",
								iconCls : "icon-edit",
								handler : function(e, index) {
									//当选开始编辑的时候，将其他所有选择的全部取消掉，选取当前此项
									dataGrid.datagrid('unselectAll').datagrid(
											'uncheckAll');
									dataGrid.datagrid('selectRow', index);
									dataGrid.datagrid("beginEdit", index);
								}
							} ],
			autoFocusField :  'money',
			autoEditing : false, //该属性启用双击行时自定开启该行的编辑状态
			extEditing : true, //该属性启用行编辑状态的 ExtEditing 风格效果，该属性默认为 true。
			singleEditing:true,
			 onAfterEdit: function (rowIndex, rowData, changes) {//编辑完触发  
			 $.ajax({  
						 url:'${pageContext.request.contextPath}/ContractController/updateBillInfo',
						 data:rowData,
	                     type: 'post',    
	                     dataType: 'json',
						success : function(result) {
							if (result.msg) {
								jQuery.messager.alert(result.msg);
								dataGrid.datagrid('reload');
								
							} else {
								jQuery.messager.alert("系统异常，请联系管理员");
							}
						}
                });  
			 console.info(rowData);
			  console.info(changes);
	        }  ,
			toolbar : '#toolbar'
		});
	});
	
	
	function delFun() {  
			// 得到选中的行  
			//var selRow = dataGrid.datagrid("getSelected");//返回选中一行 这个是注释过的  就是取一个  
			var selRow = dataGrid.datagrid("getSelections");//返回选中多行  
			  
			if(selRow.length==0){  
			alert("请至少选择一行数据!");  
			return false;  
			}  
			var ids=[];  
			for (var i = 0; i < selRow.length; i++) {  
			                 //获取自定义table 的中的checkbox值  
			               var id=selRow[i].id;   //OTRECORDID这个是你要在列表中取的单个id   
			          ids.push(id); //然后把单个id循环放到ids的数组中  
			                  }  
               
		  
			if(confirm("确定要删除选中的开票信息吗?")){  
			 $.ajax({  
						 url:'${pageContext.request.contextPath}/ContractController/delbillInfos?ids='+ids,
	                     type: 'post',    
	                     dataType: 'json',
						 success : function(result) {
							if (result.msg) {
								jQuery.messager.alert(result.msg);
								dataGrid.datagrid('reload');
							} else {
								jQuery.messager.alert("系统异常，请联系管理员");
							}
						}
                }); 
			}  
			};  
			
	// 增加员工到部门
	function addFun() {
		$('#addBillInfo')
				.dialog(
						{
							minimizable : true,
							maximizable : true,
							modal : true,
							title : '增加开票信息',
							width : 500,
							height : 450,
							href : '${pageContext.request.contextPath}/contract/addBillInfo.jsp?po='+document.getElementById("po").values,
							onClose : function() {
								dataGrid.datagrid('reload');
							}
						});

	}
</script>
<div class="easyui-layout" data-options="fit:true,border:false">
	<div data-options="region:'center',border:false" title="">
		<form id="contractEidtForm" method="post"
			class="table table-hover table-condensed">
			<input type="hidden" name="po" value="${contractInfo.po}" id="po"/>
			<input type="hidden" name="contractMoney" value="${contractInfo.contractMoney}" id="contractMoney"/>
			<input type="hidden" name="contractStatus" value="${contractInfo.contractStatus}" id="contractStatus"/>
			<input type="hidden" name="contractName" value="${contractInfo.contractName}" id="contractName"/>
			<input type="hidden" name="contractNumber" value="${contractInfo.contractNumber}" id="contractNumber"/>
			<input type="hidden" name="contractid" value="${contractInfo.contractid}" id="contractid"/>
			<table  border="1" width="100%">
				<tr>
					<th width="20%">合同名称</th>
					<th colspan="3"  width="80%">${contractInfo.contractName}</th>
				</tr>
				<tr>
					<th width="20%">合同编号</th>
					<td>${contractInfo.contractNumber}</td>
					<th width="20%">PO编号</th>
					<td >${contractInfo.po}</td>
				</tr>
				<tr>
					<th width="20%">合同金额</th>
					<td>${contractInfo.contractMoney}</td>
					<th width="20%">合同状态</th>
				<td>
					<select id="billstatus" name="billstatus" value="${contractInfo.contractStatus}" >
						<option value="1">未验收</option>
						<option value="2">已验收未开票</option>   
						<option value="3">开票未付款</option>
						<option value="4">已付款</option>
					</select>
					</td>
				</tr>

				<tr>
					<th>开始时间</th>
					<td id="starttime"><input class="span2"  type="text" name="creatDate"
						value="<fmt:formatDate value="${contractInfo.creatDate}" type="both"/>" class="easyui-datebox"  /></td>
					<th>验收时间</th>
					<td id="edittime">
					<input type="text"  class="span2" name="cexpirationDate"
						value="<fmt:formatDate value="${contractInfo.cexpirationDate}" type="both"/>"  class="easyui-datebox"/></td>
				</tr>
				<tr>
					<th width="120px;">上级部门</th>
					<th><select id="orgtree" name="orgId" value="0" />
					</th>
				</tr>
			</table>
			<table id="dataGrid">
				<thead data-options="frozen:true"></thead>
			</table>
		</form>
	</div>
</div>
<div id="toolbar" style="display: none;">
		<a onclick="addFun();" href="javascript:void(0);"
			class="easyui-linkbutton"
			data-options="plain:true,iconCls:'pencil_add'">添加</a><a
			onclick="delFun();" href="javascript:void(0);"
			class="easyui-linkbutton" data-options="plain:true,iconCls:'delete'">批量删除</a>
	</div>
	<div id="rightClickMenu" class="easyui-menu"
		style="width: 120px; display: none;">
		<div onclick="addFun();" data-options="iconCls:'pencil_add'">增加</div>
		<div onclick="delFun();" data-options="iconCls:'pencil_delete'">删除</div>
		<div onclick="editFun();" data-options="iconCls:'pencil'">编辑</div>
	</div>
	<div id="addBillInfo"></div>
